	    <div id="web-sidebar">
		  <!--{section name=p loop=$volist_producttreecategory}-->
		  <dl>
		    <dt class="part2" id="part1-id<!--{$volist_producttreecategory[p].cateid}-->"><a href="<!--{$volist_producttreecategory[p].url}-->"><!--{$volist_producttreecategory[p].catename}--></a></dt>
			<dd class="part3dom">
			  <!--{section name=c loop=$volist_producttreecategory[p].childcategory}-->
			  <h4 class="part3" id="part2-id<!--{$volist_producttreecategory[p].childcategory[c].cateid}-->"><a href="<!--{$volist_producttreecategory[p].childcategory[c].url}-->"><!--{$volist_producttreecategory[p].childcategory[c].catename}--></a></h4>
			  <!--{/section}-->
			</dd>
		  </dl>	
		  <!--{/section}-->
		</div><!-- #web-sidebar //-->
		<script type="text/javascript">
			$(document).ready(function(){
					var Plug1 = 0; 
					var Plug2 = 1; 
				var i = 0;
				var SideBar = $("#web-sidebar");
				var SideBar_dt = SideBar.find("dt.part2");
				var SideBar_dd = SideBar.find("dd.part3dom");
				var part1_dom = $("#part1-id0"); 
				var part2_dom = $("#part2-id0"); 
				var part_dom_dd = part1_dom.next("dd.part3dom");
					SideBar_dd.css("display","none");
					part1_dom.addClass("ondown");
					part2_dom.addClass("ondown");
				if(Plug1 == 1){ SideBar_dd.css("display","block"); SideBar_dt.addClass("part_on"); i = 1;} 
				
				if(Plug2 == 1 && part1_dom.length!=0){
						part_dom_dd.css("display","block");
						i = 1; 
				}
				
				SideBar_dt.click(function(){
					i++;if(i>1)i=0;
					i==1?SideBar_on($(this)):SideBar_out($(this));	
				});
				
		//****************


			});
			
			function SideBar_on(dom){
				var dd = dom.next("dd.part3dom")
					dom.addClass("part_on");
					dom.removeClass("part_out");
					dd.css("display","block");
			}
			
			function SideBar_out(dom){
				var dd = dom.next("dd.part3dom")
					dom.addClass("part_out");
					dom.removeClass("part_on");
					dd.css("display","none");
			}

			
		//************

		</script>